body{
	background:black url(../images/background.jpg);
	margin:0px;
	color: gray;
	
}
div.header{
	background-color:rgba(255,255,255,0.3);
	margin:auto;
	padding:0 10px 0 10px;
	height:72px;
	color:gray;
	background:black url(../images/fondoheader.png) repeat-x;
}
div.logo, div.logo div{
	float:left;
	
}
div.logo div{
	float:left;
	vertical-align:middle;
	font-size: 50px;
	color: #E0E0E0;
}
div.logo img{
	width:80px;
	float:left;
	margin-left:10px;
	margin-right:25px;
}
div.header1{
	float:right;
	display:block;
	margin-right: 50px;
}
/*Css del menu*/
div.menu{
	margin-right: 25px;
	float:right;
	z-index: 100;
}
div.menu ul{
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	height: 20px;
	padding-bottom:5px;
	z-index: 100;
	background-color: transparent;
}
div.menu ul li{
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 20px;
	padding-bottom:5px;
}
div.menu ul li:hover{
	background:transparent;
}

div.menu  ul ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 10px;
  background: transparent;
  border: none;
  opacity: 0.8;
}
div.menu ul ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
div.menu ul ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
/* Root Menu */
div.menu ul a {
  padding: 5px 15px 5px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: rgb(223, 223, 223);
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-transform:uppercase;
  border-radius: 5px; 
}

/* Root Menu Hover Persistence */
div.menu ul a:hover,
div.menu ul li:hover a,
div.menu ul li.iehover a {
color: rgb(223, 223, 223);;
background-color:rgb(0,0,0);
}


/* 2nd Menu */
div.menu ul li:hover li a,
div.menu ul li.iehover li a {
  float: none;
  border:none;
}

/* 2nd Menu Hover Persistence */
div.menu ul li:hover li a:hover,
div.menu ul li:hover li:hover a,
div.menu ul li.iehover li a:hover,
div.menu ul li.iehover li.iehover a {
 background:#ddd;
  color: #000000;
}


div.menu ul ul ul,
div.menu ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
div.menu ul li:hover ul ul,
div.menu ul li:hover ul ul ul,
div.menu ul li.iehover ul ul,
div.menu ul li.iehover ul ul ul {
  display: none;
}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul,
div.menu ul li.iehover ul,
div.menu ul ul li.iehover ul,
div.menu ul ul ul li.iehover ul {
  display: block;
}
div.menu ul .selected{
	color: #003300;
}

div.login{
	float:right;
	width:100%;
	text-align:right;
	padding: 10px 10px 2px;
}

div.login a{
	font-size: 15px;	
	font-weight: bold;	
	color: rgb(223,223,223);
}
a:link, div.login a:visited{
	text-decoration: none;	
}
div.contenido{
	width: 100%;
	float: left;
	display: block;	
	min-height:500px;
	margin-top:20px;
}		
div.buscador{
	width:16%;
	height: 200px;
	background-color:rgb(185, 185, 185);
	border: 2px rgb(129,129,129) solid;
	float: left;
	padding: 5px;
	padding-left:10px;
	margin-right: 2px;
	margin-top:0px;
}
div.buscador select{
	width: 96%;	
	margin-bottom: 10px;
}
div.buscador a{
	text-transform: uppercase;
	font-size: 14px;	
	font-weight:bold;
    color: rgb(56, 56, 56);
}
a.busqedaAvanz{
	font-size: 9px !Important;
	border: 1px solid;
	color:white !Important;;
	padding: 2px 10px 2px 2px;
	width: 90%;
	letter-spacing:1px;
	background-color:rgb(71,71,71);
}
a.busqedaAvanz span img{
	margin-right:5px;	

}
div.buscador input{
	margin: 3px 0px 30px 0px;	
}
div.contPpal{
	width:80%;
	float:left;
	display:block;
	margin-left: 10px;
	border:2px rgb(129,129,129) solid;
	border-radius: 10px;
	background-color:rgb(230,230,230);
}
div.contenedor{
	float: left;
	width: 100%;
	min-height:500px;
	background-image: url("../images/fondo.jpg");
	background-position: center center;
	border-radius:8px;
}

div.elemento{
	border: 1px rgb(70,70,70) solid;	
	float: left;
	width: 90%;
	height:120px;
	margin-left: 10px;
	position: relative;
	display: block;
	border-radius:10px;
	margin-top:10px;
}
div.elemento img{
	position: absolute;
	top: 50%;
	left: 10%;
	width: 120px;
	/*height: 100px;*/
	margin-top: -50px;
	margin-left: -50px;
	display: block;
}
div.visitas{
	position: absolute !Important;
	left: 80% !Important; 
	width: 110px !Important; 
}
div.elemento div{
	display: block;
	position: absolute;
	top: 10%;
	left: 22%;
	width: 420px;

	padding-left: 20px;
	line-height: 1.5;
	color: rgb(80, 80, 80);
	font-weight: bold;
}
div.paginador{
	border:0px !Important;
	padding-top: 20px;
	padding-left: 0px;
}
span.pag{
	margin-left: 15px;
	float: right;
}
#contCateg{
	display: block;
	float: left;
	width: 100%;

	border-radius:8px;
}
#headerCateg{
	text-align: right;
	width: 90%;
	display: block;
	position: relative;
	height: 75px;
	margin-left: 10px;
}

#contCateg div  h1 span{
	margin-top:5px;
	margin-left:20px;
	font-size:20px;
}
#contCateg div h1{
	margin-top:5px;
	margin-left:10px;	
	/*text-shadow: 1px -1px 5px rgb(100, 100, 100), 3px -4px 6px rgb(150, 150, 150);*/
	text-align:left;
	margin-bottom:10px;
}

#headerCateg div{
	position: absolute;
	bottom: 1px;
	right: 0px;
	color:black;
}
#headerCateg form{
	float:left;
}

.scroll-pane { overflow: auto; width: 99%; float:left; }
.scroll-content { width: 3100px; float: left; }
.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

.scroll-content-item  img{
	width: 100px;
	height: auto;
	cursor:pointer;
}
div.detalles{
	display: block;
	float: left;
	width: 100%; 	
	padding-left:5px;
}
div.detalles h1{
	margin-top:0px;
	
}
div.detalles h1 span{
	float: right;
	margin-right: 15px;
	font-size: 15px;
	text-shadow:0 0;
}
div.imagenes{
	display: block;
	float: left;
	width: 99%; 
	margin-bottom: 25px;	
}

.scroll-content-item img{
	margin:0;
	font-size: 10px;
}

#dialog-modal{
	display:none;
}
#dialog-modal img{
	margin: auto;
}

div.facebook{
	width:90%;
	margin-left:20px;
}

div.Caracteristicas{
	margin-bottom:40px;
}
div.Caracteristicas h2{
	color: black;
	margin-bottom: 10px;
}
div.acordeon{
	background-color: white;
	color: black;
	font-weight: bold;
	width: 97%;
	padding-left: 10px;
	border: 1px rgb(189, 189, 189) solid;
}

div.acordeon label{
	margin-left:5px;
}

.descripcion table{
	width:95%;
	color: rgb(78, 78, 78);
	margin: auto;
}
.descripcion table td{
	width:33%;
	border-color: rgb(238, 238, 238);	
	height:60px;
}
.descripcion{
	color: rgb(78, 78, 78);
	width: 98%;
	border: 1px gray solid;
	padding-left: 5px;
}
.descripcion label{
	display:block;
	font-weight:bold;
}
.Theader{
	text-align: center;
	background-color: #DDDFDF;
	border-color: #FFE3DD;
	border-width: 2px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

div.busqAvanz{
	height:320px;
	display:block;
	float:left;
	padding:15px 5px 5px 5px;
	margin-left:3px;
}
div.busqAvanz2{
	width:95%;
	height:95%;
	display:block;
	border: 1px black solid;
	border-radius: 10px 10px 0px 0px;
	margin: auto;
	background-color: #EEE;
}
div.busqAvanz h2{
	border-bottom: 1px black solid;
	padding-left:10px;
	padding-bottom:5px;
	font-size:30px;
	color:black;
}
div.busqAvanz select{
	width:250px;
	margin-left:2px;
	padding: 3px 3px;
}
div.form{
	margin-left:40px;
}
#submitBusqAvan{
	width:100px;
	padding:3px;
	margin-left:40px;
	margin-top:8px;
}
div.buscarXetiq{
	border-top: 1px black solid;
	margin: 10px 0px;
	padding: 30px 40px;
}
div.buscarXetiq input{
	padding: 3px 3px;
	width:250px;
}
#submitEtiqueta{
	padding: 3px;
	width:100px;
}
div.buscarXetiq label{
	display: block;
	color: black;
	font-weight:bold;
}
div.edicionPrincipal{
	float: left;
	width: 80%;
	min-height:500px;
	background-position: center center;
	margin-left: 10px;
}
#toolbar {
	padding: 10px 4px;
}

#edicion {
border:medium none;
color:gray;
padding:0 0 0 50px;
width:100%;
margin-bottom: 50px;
}
#edicion legend {
color:gray;
font-family:arial;
font-size:21px;
letter-spacing:-1px;
padding-bottom:10px;
padding-top:20px;
text-transform:capitalize;
}

#edicion label {
display:block;
font-family:arial,sans-serif;
font-size:14px;
padding:10px 0 3px;
}

#edicion input.botonImagenes{

}

table.tablaEdicion{
	height:200px;
	width:750px;
}

table.tablaEdicion td{
	width:33%;
}
table.tablaEdicion select{
	width:200px;
}
div.imagenEditable{
	display: block;
	float: left;
	width: 100px;
	height: 100px
}

div.EdicionFotos{
margin-top:70px;
}


table.tablaEdicionFotos td{
	width:250px;
	height:170px;
}

label.labelTitulo{
	font-weight:bold;
	border-top: 1px solid;
}
select.select1{
	width:100px;
}
div.cantidad{
	right: 250px !Important;
}
div.titulo{
	margin: auto;
	width: 400px;
}

#errorLogin{
	color: red;
}

span.mensajeError{
	color:red;
}

div.Etiquetas{
	width:500px;
}

div.Etiquetas span{
	width:100px;
	margin-left: 10px;
}

table.tablaEtiqueta{
	width:100%;
}

table.tablaEtiqueta td{
	width:12%;
}
#edicionEtiq{
	margin-left:0px;
	border:medium none;
	color:gray;
	width:100%;
	margin-bottom: 50px;
}

div.infoCom{
	display:none;
	
}

div.infoCom label{
	margin-left:25px;
	
}